<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我道</title>
    <meta name="description" content="我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。" />

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" type="text/css" href="/css/screen.css" />
    <link rel="stylesheet" href="/css/iDisqus.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/monokai-sublime.css">


</head>
<body class="home-template" id="s-top">

    <div class="nav">
<div class="nav_body">
  <div class="b_logo"> 
      <a class="blog-logo" href="/"><img src="/img/logo-mini.png" alt="我道" /></a>
  </div>
  <div class="b_class"> 
    <ul>
    	/ || 首页

        <li class="nav-"><a class="" href="/rss">订阅</a></li>

    </ul>
  </div>
</div>
</div>
    <div class="post-bg" style="background-image: url(http://ocxfindy0.bkt.clouddn.com/image/3/45/43fc06efcb2f5e7f3e8c3083fd1cf.jpg);"></div>
<div class="site-wrapper" page-type="c-post">
<main class="content" role="main">
	<div class="post-toppic" style="">
        <div class="picbox">
          <img node-type="articleHeaderPic" src="http://ocxfindy0.bkt.clouddn.com/image/3/45/43fc06efcb2f5e7f3e8c3083fd1cf.jpg">
        </div>
     </div>
    <article class="post">

        <header class="post-header">
            <h1 class="post-title">一条URL简单获取每日bing焦点图</h1>
            <section class="post-meta">
                <time class="post-date" datetime="Fri Sep 09 2016 02:13:01 GMT+0800">2016/9/9</time> [object Object]
            </section>
        </header>

        <section class="post-content">
            <h2 id="缘起"><a href="#缘起" class="headerlink" title="缘起"></a>缘起</h2><p>看着每天都是一样的顶部图片忽然觉得有点了无生趣，没有惊喜，生活不该这样。</p>
<p>而后又想到windows10登录界面时候的焦点图片可不可以用来做top图片，遂找了一下相关的资料，发现bing有一个接口返回的json里可以获取到焦点图片的url，操作了一下代码如下：</p>
<p><code>json地址：http://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=1</code></p>
<p>返回的数据如下：</p>
<p><pre><code class="language-js"><br>{<br>    “images”: [<br>        {<br>            “startdate”: “20160907”,<br>            “fullstartdate”: “201609071600”,<br>            “enddate”: “20160908”,<br>            “url”: “<a href="http://s.cn.bing.net/az/hprichbg/rb/Stadsbiblioteket_ZH-CN6055045711_1920x1080.jpg" target="_blank" rel="external">http://s.cn.bing.net/az/hprichbg/rb/Stadsbiblioteket_ZH-CN6055045711_1920x1080.jpg</a>“,<br>            “urlbase”: “/az/hprichbg/rb/Stadsbiblioteket_ZH-CN6055045711”,<br>            “copyright”: “斯德哥尔摩公共图书馆，瑞典斯德哥尔摩 (© Gallery Stock)”,<br>            “copyrightlink”: “<a href="http://www.bing.com/search?q=%E6%96%AF%E5%BE%B7%E5%93%A5%E5%B0%94%E6%91%A9%E5%85%AC%E5%85%B1%E5%9B%BE%E4%B9%A6%E9%A6%86&amp;form=hpcapt&amp;mkt=zh-cn" target="_blank" rel="external">http://www.bing.com/search?q=%E6%96%AF%E5%BE%B7%E5%93%A5%E5%B0%94%E6%91%A9%E5%85%AC%E5%85%B1%E5%9B%BE%E4%B9%A6%E9%A6%86&amp;form=hpcapt&amp;mkt=zh-cn</a>“,<br>            “wp”: true,<br>            “hsh”: “e4dac1ad80973e47b40683281c562497”,<br>            “drk”: 1,<br>            “top”: 1,<br>            “bot”: 1,<br>            “hs”: [ ]<br>        }<br>    ],<br>    “tooltips”: {<br>        “loading”: “正在加载…”,<br>        “previous”: “上一个图像”,<br>        “next”: “下一个图像”,<br>        “walle”: “此图片不能下载用作壁纸。”,<br>        “walls”: “下载今日美图。仅限用作桌面壁纸。”<br>    }<br>}<br></code><br></pre><br>可以发现，images对象下的url属性就是当日bing的图片，我们可以直接获取图片后用jquery改变背景，但是我被残酷百度残酷的告知不能跨域请求，必须要在自己的服务器端做好请求页面，然后js请求本地页面。。</p>
<p><pre><br><code class="language-js"><br>$(document).ready(function(){</code></pre></p>
<pre><code>$.ajax({
      type:&quot;get&quot;,
      url:&quot;http://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=1&quot;,
      dataType:&quot;json&quot;,
      success: function(data){
        $(&quot;#header&quot;).css(&quot;background-image&quot;,&quot;url(&quot;+data[&apos;images&apos;][&apos;url&apos;]+&quot;)&quot;);
      }
});
</code></pre><p><br><br>不过我也是百折不挠的人遂又找到了一个跨域请求的中间站<a href="https://jsonp.afeld.me/" target="_blank" rel="external">JSONProxy</a>，这个网站提供了跨域的请求函数，传过去一个跨域url，还你一个漂亮感觉的json…可惜事实总是残酷的，貌似对微软爸爸的链接并不起作用，但是还是mark过来一下，没准以后能用上。</p>
<p><pre><code class="language-js"><br>$(document).ready(function(){<br>    $.getJSON(‘<a href="https://jsonp.afeld.me/?callback=?&amp;url=http://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=1" target="_blank" rel="external">https://jsonp.afeld.me/?callback=?&amp;url=http://cn.bing.com/HPImageArchive.aspx?format=js&amp;idx=0&amp;n=1</a>‘,<br>        function(data){<br>        alert(‘返回数据：’ + data);<br>    });<br>});<br></code></pre><br></p>
<h2 id="缘灭"><a href="#缘灭" class="headerlink" title="缘灭"></a>缘灭</h2><p>最后！我发现通过这个地址可以直接获取当日的图片！！！<br><code>http://www.dujin.org/sys/bing/1366.php</code><br><img src="http://www.dujin.org/sys/bing/1366.php" alt="今日bing图片"></p>

        </section>

        <footer class="post-footer">

            <figure class="author-image">
                <a class="img" href="" style="background-image: url(/img/avatar.png)"><span class="hidden">的头像</span></a>
            </figure>


            <section class="author">
                <h4><a href=""></a></h4>

                    <p>我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。</p>

                    <p>继续阅读此作者的<a href="http://www.4zen.top">更多文章</a>。</p>

                <div class="author-meta">
                    <span class="author-location icon-location">自贡</span>
                    <span class="author-link icon-link"><a href="http://www.4zen.top">http://www.4zen.top</a></span> 
                </div>
            </section>


            <section class="share">
                <h4>分享此博文</h4>
                <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

            </section>

        </footer>
	<div id="comment"></div>
    </article>

</main>
    <aside class="read-next">
        
        <a class="read-next-story" style="background-image: url(http://cdn.4zen.top/image/6/bf/ddafb60b40680b9db7eff1b9f7216.jpg)" href="/zhuan-zhu/">
            <section class="post">
                <h2>专注</h2>
                <p>
佛典有云：旗未动，风也未吹，是人心自己在动

这句是《东邪西毒》这部电影的开场白，感觉有无尽的禅意，一语道尽了人心百态。
心如止水是我一直追求的心静，虽然我一直没有做到。我心态有很多问题，我自己也知&hellip;</p>
            </section>

        </a>
        
        
        <a class="read-next-story prev " style="background-image: url(http://ocxfindy0.bkt.clouddn.com/image/4/ec/9e7a8dbb0e901e080731392aa3fa0.jpg" href="/zai-bai-du-kai-fang-yun-baeshang-bu-shu-ghostbo-ke/">
            <section class="post">
                <h2>在百度开放云BAE上部署GHOST博客并配置七牛云</h2>
                <p>前言wordpress断断续续用了可能也有七八年了，从最早期的橡树博客（wpoak）到后来找的一些免费的服务器商，再到后来的搬瓦工，东西写了很多，不过几乎已经找不回来了。总而言之这些年用wordpre&hellip;</p>
            </section>
        </a>
        
    </aside>

    </div>

    <div class="sidebar">  
        <a href="#s-top" class="s-top" to="#s-top"><i class="fa fa-chevron-up" action-type="goTop"></i></a>
    </div>

    <footer class="site-footer clearfix">
        <section class="copyright"><a href="">我道</a> &copy; </section>
        <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a> &amp; <a href="http://www.ghostchina.com">GhostChina</a></section>
    </footer>

    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="/js/plugin.js"></script>
    <script src="/js/index.js"></script>

</body>
</html>
